/*
 * @Descripttion:
 * @version:
 * @Author: congsir
 * @Date: 2025-11-22 16:05:19
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2025-11-22 16:08:42
 */
import { shallowEqualApp, useAppSelector } from '@/store'
import React, { memo } from 'react'
import type { ReactNode } from 'react'
interface IProps {
  children?: ReactNode
}
const TopBanner: React.FC<IProps> = () => {
  const { banners } = useAppSelector(
    (state) => ({
      banners: state.recommed.banners
    }),
    shallowEqualApp
  )
  return (
    <div>
      {banners.map((itme) => {
        return <div key={itme.imageUrl}></div>
      })}
    </div>
  )
}
export default memo(TopBanner)
